<template>
    <div class="PageDay0104">
        <div>R<input type="number" min="0" max="255" v-model.number="r"></div>
        <div>G<input type="number" min="0" max="255" v-model.number="g"></div>
        <div>B<input type="number" min="0" max="255" v-model.number="b"></div>
        <div >结果为：{{ rgb }}</div>
        <div :style="'background-color:' + rgb">111</div>
        <!-- <div :class="abc">{{ rgb() }}</div> -->
    </div>
</template>
<script>
export default {
    name: 'pageDay0104',
    data () {
        return {
            r: 0,
            g: 0,            
            b: 0,
        };
    },
    mounted: function () {
        
    },
    computed: {
        rgb() {
        return 'rgb(' + this.r + ',' + this.g + ',' + this.b + ')'
        }
    },  
    methods: {
        add() {
        },  
    },
    
};
</script>
<style scoped>

</style>